<template>
	<view>
		<view class="nav">
			<view @click="back"> ← 返回</view>
			<view>关于我们</view>
		</view>
		<view class="icon">
			<view>
				知
			</view>
		</view>
		<view class="content_t">
			知识共享计划，是我们根据商业实战归纳总结出来的产品设计方案，供广大同仁参考查阅。
			
			以下可以增加关于内容：
			
			1、Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor si
			
			2、t amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar sic tempor. Sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
			
			3、Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus pronin sapien nunc accuan eget.
		</view>
	</view>
</template>

<script>
	import {reactive,toRefs} from 'vue'
	export default {
		setup(){
			let data=reactive({
				back:()=>{
					uni.navigateBack({
						delta:1
					})
				}
			})
			return {...toRefs(data)}
		}
	}
</script>

<style scoped lang="less">
.nav{
	padding-top: 60rpx;
	padding-bottom: 20rpx;
	background-color: #F8F8F8;
	display: flex;
	position: relative;
	justify-content: center;
	>view:first-child{
		position: absolute;
		left: 0;
		color: #168ADE;
	}
}
.content_t{
	padding: 0 50rpx;
	font-size: 25rpx;
}
.icon{
	text-align: center;
	padding: 30rpx;
	>view{
		margin: 0 auto;
		width: 170rpx;
		height: 160rpx;
		line-height: 160rpx;
		font-size: 70rpx;
		border-radius: 10rpx;
		border: 1px solid black;
	}
}
</style>
